$(function(){
	init();

//1 调出拍照面板
$(".item0").on({
	"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		$(".grey1").show();
	}
})
$(".cancel").click(function(){
	$(".grey").hide();
})
//2.调出退出账号面板
$(".exit").click(function(){
	$(".grey4").show();
})

$(".cancel4").click(function(){
		layer.msg("操作已取消");
		$(".grey").hide();
})
//确认删除
$(".comfirm4").click(function(){
	layer.msg("账号已退出");
		$(".grey").hide();		
})
//3.调出亲属关系面板
var guanxi=$(".guanxi").val();console.log(guanxi);
var myoption;//序号 数字类型

$(".relationship").on({
	"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		$(".grey3").show();
		
		//调用函数  已选项 默认为选中状态
		relationship(guanxi);
//		$(".relation li").eq($(".myoption").val()).addClass("on").siblings().removeClass("on");
	}
})
//4.调出性别选择
$(".gender").on({
	"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		$(".grey2").show();
	}
})
$(".whiteboardTop div").on({
	"touchstart":function(){
		$(this).css("background","#F5F5F5");
	},"touchend":function(){
		$(this).css("background","#FFFFFF");
	},"click":function(){
		$(".grey").hide();
	}
})

///5选择爱好

$(".relation li").click(function(){
	var flag=$(this).hasClass("on");
	if(!flag){
		$(this).addClass("on").siblings().removeClass("on");
	}

})

$(".cancel3").click(function(){
	myoption=$(".myoption").val();
	
	$(".grey3").hide();
})

$(".confirm3").click(function(){
	var relation_length=$(".relation li").length;
	var mychose;
	for(var i=0;i<relation_length;i++){
		if($(".relation li").eq(i).hasClass("on")){
			mychose=$(".relation li").eq(i).find(".options").text();
			$(".guanxi").val(mychose);console.log($(".guanxi").val());
//			$(".relationship").find(".itemRight").find(".un").text(mychose);
		}
	}
	$(".grey3").hide();
})

})


function init(){
	$(".grey").hide();
	$(".grey1").hide();
}

function relationship(rv){console.log("***"+rv);
	var yixuan=rv;
	var xuhao;
	var relation_length=$(".relation li").length;
	for(var i=0;i<relation_length;i++){
		if($(".relation li").eq(i).find(".options").text().indexOf(yixuan)>-1){
			xuhao=i;console.log(xuhao);
		}
		
	}
	if(xuhao<relation_length){
			$(".relation li").eq(xuhao).addClass("on").siblings().removeClass("on");
			myoption=i;
			return i;
		}else{
			return 0;
		}
	
	
}
